<template>
    <div class="areaTitle">公积金信息</div>
    <div class="area">
        <div class="areaItem">
            <div class="title">是否补录</div>
            <div class="value">否</div>
        </div>
    </div>
    
    <div class="back">返回订单详情</div>
</template>

<script setup>
import {ref,reactive} from 'vue'

</script>

<style scoped lang='scss'>
.areaTitle{
    font-size: 24rpx;
    color: #666666;
    padding: 20rpx 0 10rpx 30rpx;
}
.area{
    background-color: #fff;
    padding: 0 35rpx;
    font-size: 28rpx;
    .areaItem{
        height: 88rpx;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1rpx solid #EEEEEE;
        .title{
            color: #666666;
        }
        .value{
            color: #999999;
        }
    }
    .areaItem:last-child{
        border-bottom: none;
    }
}
.back{
    width: 586rpx;
    height: 84rpx;
    line-height: 86rpx;
    text-align: center;
    border-radius: 44rpx;
    margin: 40rpx 80rpx;
    font-size: 34rpx;
    color: #406EB0;
    border: 2rpx solid #5084CE;
}
</style>